<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>功能合集</title>
    <link rel="icon" type="image/png" href="icon.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="static/js/errors.js"></script>
    <script src="static/js/jquery.min.js"></script>
    <script src="static/bootstrap/js/bootstrap.bundle.min.js"></script>
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--<script src="static/clipboard/dist/clipboard.min.js"></script>-->
    <link href="static/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
    <link href="static/css/link.css" rel="stylesheet">
  </head>
  <body style="background-color: whitesmoke">
    <div class="mx-auto" style="width: 90%">
      <h1 class="display-1">
        <img src="static/bootstrap-icons/hand-index.svg" width="50" style="transform: rotate(180deg); ">
        功能合集
      </h1>
    </div>
    <br>
    <a href="exit.html" target="_blank" title="退出挽留">
      <div class="card mx-auto" style="width: 90%">
        <div class="card-body">
          <h4 class="h4 card-title">退出挽留</h4>
          <span>
            本站会
            <span class="text-primary">以一种<strong>特别</strong>的方式</span>
            挽留您
            <span class="text-danger"><strong>退出</strong></span>
            。
          </span>
        </div>
      </div>
    </a>
    <br>
    <a id="image_viewer" target="_blank" title="图片预览" href="image_viewer.html?image=static/image/view.jpg">
      <div class="card mx-auto" style="width: 90%">
        <div class="card-body">
          <h4 class="h4 card-title">图片预览</h4>
          <span>
            <span class="text-secondary"><small>寒酸</small></span>
            并且
            <span class="text-primary"><strong>无处不在</strong></span>
            的图片预览器。
          </span>
        </div>
      </div>
    </a>
    <script>document.getElementById("image_viewer").href = `image_viewer.html?image=${location.href.substr(0, location.href.lastIndexOf("/"))}/static/image/view.jpg`; </script>
    <br>
    <a href="demo/errors.html" target="_blank" title="错误捕捉">
      <div class="card mx-auto" style="width: 90%">
        <div class="card-body">
          <h4 class="h4 card-title">错误捕捉</h4>
          <span>
           捕捉
            <span class="text-primary"><strong>大部分</strong></span>
            <span class="text-secondary"><small>文档加载时</small></span>
            的
            <span class="text-danger"><strong>错误</strong></span>
            ，并写入列表
            <code>errors</code>
            且
            <span class="text-primary"><strong>通过</strong></span>
            <code>modal</code>
            加以显示。
          </span>
        </div>
      </div>
    </a>
    <br>
    <a href="demo/index.html" target="_blank" title="迷路预防">
      <div class="card mx-auto" style="width: 90%">
        <div class="card-body">
          <h4 class="h4 card-title">迷路预防</h4>
          <span>
            为了防止您
            <span class="text-primary"><strong>迷路</strong></span>
            而
            <span class="text-primary"><strong>特别</strong></span>
            开发的功能。
          </span>
          <br>
          <span class="text-secondary" style="text-decoration: line-through"><small>
            其实，功能合集也是为了防止您
            <span class="text-primary"><strong>迷路</strong></span>
            而开发的……
          </small></span>
        </div>
      </div>
    </a>
    <br>
    <div class="card mx-auto" style="width: 90%; ">
      <div class="card-body">
        <h4 class="h4 card-title">关于本站</h4>
        <span>
          <a style="color: #0d6efd; text-decoration: underline; " class="card-link" href="father.html" target="_blank" title="点击以查看致敬站长"><strong>
            <i class="bi bi-hand-index-thumb"></i>
            致敬站长
          </strong></a>
          ：本站站长确实
          <span class="text-primary"><strong>值得被致敬</strong></span>
          。
        </span>
        <br>
        <span>
          <a style="color: #0d6efd; text-decoration: underline; " class="card-link" href="copyright.html" target="_blank" title="点击以查看版权声明"><strong>
            <i class="bi bi-hand-index-thumb"></i>
            版权声明
          </strong></a>
          ：本站是有版权的！
        </span>
      </div>
    </div>
    <center>
      <p class="text-secondary"><small>没错，只有这么多……</small></p>
    </center>
  </body>
</html>